:root{--bg:#010101;--text:#fff;--cyan:#25F4EE;--pink:#FE2C55;--font:'Fredoka',sans-serif}body,html{margin:0;padding:0;width:100%;height:100vh;overflow:hidden;background-color:var(--bg);font-family:var(--font);color:var(--text);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}body::before{content:'';position:absolute;top:-10vh;left:-10vw;width:50vw;height:50vw;background:var(--cyan);filter:blur(150px);opacity:.2;border-radius:50%;z-index:-1;animation:float 8s infinite ease-in-out}body::after{content:'';position:absolute;bottom:-10vh;right:-10vw;width:50vw;height:50vw;background:var(--pink);filter:blur(150px);opacity:.2;border-radius:50%;z-index:-1;animation:float 10s infinite ease-in-out reverse}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,20px)}}.container{text-align:center;max-width:800px;padding:2rem;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.logo{width:clamp(80px,15vw,120px);height:auto;margin-bottom:1rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.2));transition:transform .3s ease}.logo:hover{transform:scale(1.1) rotate(-5deg)}h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;margin:0;font-weight:700;letter-spacing:-1px;position:relative;text-shadow:3px 3px 0 var(--pink),-3px -3px 0 var(--cyan)}.highlight{color:var(--text)}p{font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5;margin:0;max-width:600px;color:#eee;font-weight:400;opacity:.9}.cta-btn{display:inline-block;background:linear-gradient(90deg,var(--cyan),var(--pink));color:var(--bg);font-weight:700;font-size:clamp(1.2rem,2.5vw,1.5rem);padding:1rem 3rem;border-radius:50px;text-decoration:none;box-shadow:0 10px 20px -5px rgba(254,44,85,.5);transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:4px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;margin-top:1rem;position:relative;overflow:hidden}.cta-btn:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 15px 30px -5px rgba(37,244,238,.6);color:#000}.cta-btn:active{transform:scale(.95)}.music-note{position:absolute;font-size:2rem;opacity:0;animation:floatUp 3s linear infinite;z-index:0}.n1{left:20%;animation-delay:0s;color:var(--cyan)}.n2{left:80%;animation-delay:1.5s;color:var(--pink)}.n3{left:50%;animation-delay:2.5s;color:var(--text)}@keyframes floatUp{0%{transform:translateY(100vh) rotate(0deg) scale(.5);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(-10vh) rotate(360deg) scale(1.2);opacity:0}}@media(max-width:600px){.container{padding:1.5rem}h1{text-shadow:2px 2px 0 var(--pink),-2px -2px 0 var(--cyan)}}